<template>
	<view>
		<view class="one">
<!-- 			<image src="http://139.224.249.149:8888/down/8FU6lYmbu4hl" mode="" v-if="type=='1'"></image>
			<image src="http://139.224.249.149:8888/down/EE5V4sKoLNIl" mode="" v-if="type=='2'"></image>
			<image src="http://139.224.249.149:8888/down/iW7x9zAxkRqq" mode="" v-if="type=='3'"></image>
			<image src="http://139.224.249.149:8888/down/gxJZTyshd9AU" mode="" v-if="type=='4'"></image>
			<image src="http://139.224.249.149:8888/down/o1RbTfygvN92" mode="" v-if="type=='5'"></image>
			<image src="http://139.224.249.149:8888/down/EBJ3Nebf47LR" mode="" v-if="type=='6'"></image> -->
			<image src="http://139.224.249.149:8888/down/u6ROQm6f8vR7" mode="" v-if="type=='1'"></image>
			<image src="http://139.224.249.149:8888/down/gwCDAfufeoRx" mode="" v-if="type=='2'"></image>
			<image src="http://139.224.249.149:8888/down/UHh3D0WwGLYZ" mode="" v-if="type=='3'"></image>
			<image src="http://139.224.249.149:8888/down/cvdByiK4NOyo" mode="" v-if="type=='4'"></image>
			<image src="http://139.224.249.149:8888/down/xx5jLpxPBCVN" mode="" v-if="type=='5'"></image>
			<image src="http://139.224.249.149:8888/down/ZoQlbHj86gPD" mode="" v-if="type=='6'"></image>
		</view>
		<view class="two">
			<image src="http://139.224.249.149:8888/down/60HuAbS8V7al" mode=""></image>
		</view>
		<view class="two2">
			<!-- <image src="http://139.224.249.149:8888/down/mysza1b9sIiO" mode=""></image> -->
			<image src="http://139.224.249.149:8888/down/gBD0K2SlPB5q" mode=""></image>
			
		</view>
		<view class="two3">
			<!-- <image src="http://139.224.249.149:8888/down/2QZKTCg2tn8D" mode=""></image> -->
			<image src="http://139.224.249.149:8888/down/pBU7lZJtqmpt" mode=""></image>
		</view>
		<view class="two4">
			<!-- <image src="http://139.224.249.149:8888/down/sCMHR9p2DyL9" mode=""></image> -->
			<image src="http://139.224.249.149:8888/down/CAOdJLgbxvP9" mode=""></image>
		</view>
		<view class="two5">
			<!-- <image src="http://139.224.249.149:8888/down/uutjBRqanhYb" mode=""></image> -->
		</view>
		<view class="two6">
			<!-- <image src="http://139.224.249.149:8888/down/yfKLFXOaZ0as" mode=""></image> -->
			<image src="http://139.224.249.149:8888/down/1C7O0VEBeFdc" mode=""></image>
		</view>
		<view class="bto">

		</view>
		<movable />
		<view class="btc_bar">
			<view class="home" @click="onBackHome">

				<image src="../../static/image/home_fill_lan.png" mode=""></image>
				<text class="txt">首页</text>
			</view>
			<view class="lianxi">
				<view class="btncss" @click="onTransferFun">
					电话预约
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				type:1
			}
		},
		 onLoad: function(options) {
			  this.type=options.id;
		  },
		methods: {
			onBackHome() {
				uni.switchTab({
					url: '../index/index'
				});
			},
			// 父组件中的方法
			onTransferFun(m) {
				// this.show = true;
				uni.makePhoneCall({
					phoneNumber: "400-6933-110",
				});
			},
		},
	}
</script>

<style lang="scss" scoped>
	.lianxi {
		height: 100%;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;

		.btncss {
			width: 200rpx;
			height: 80rpx;
			border-radius: 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			background-image: linear-gradient(to right, #278FFE 0%, #6BBEFE 100%);
			color: #FFFFFF;
			font-weight: bold;
		}
	}

	.home {
		display: flex;
		flex-direction: column;
		color: #0678FD;
		width: 200rpx;
		height: 100%;
		justify-content: center;
		align-items: center;

		image {
			width: 70rpx;
			height: 60rpx;
		}

		.txt {
			color: #0678FD;
			font-weight: bold;
			font-size: 28rpx;
		}
	}

	.btc_bar {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 150rpx;
		z-index: 999;
		background-color: #FFFFFF;
		display: flex;
	}

	.bto {
		height: 300rpx;
	}

	.one {
		height: 850rpx;
		width: 100%;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.two {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 340rpx;
		width: 100%;
		margin: 20rpx 0;

		image {
			width: 96%;
			height: 100%;
		}
	}

	.two2 {
		height: 420rpx;
		width: 100%;
		margin: 30rpx 0;
		margin-bottom: 0;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.two3 {
		height: 1020rpx;
		width: 100%;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.two4 {
		height: 1020rpx;
		width: 100%;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.two5 {
		height: 400rpx;
		width: 100%;
		background-image: url('http://139.224.249.149:8888/down/Wyctx9MDbIQb');
		background-size: 100% 100%;
		background-position: center center;
	}

	.two6 {
		height: 820rpx;
		width: 100%;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>